<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>about</title>
    <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/about/about.css">
    <script src="../bootstrap/bootstrap.min.js"></script>

</head>

<body>
    <div class="box">
        <!-- 左边 -->
        <div class="navigation">
            {{include './navi-header.html'}} {{include './about/about-common.html'}}
        </div>
        <!-- 右边 -->
        <div class="right">
            <div class="right_header">
                <h1>星巴克在中国</h1>
                <p>我们希望通过每一杯咖啡，将星巴克的咖啡传承与独特的咖啡体验带给我们的顾客。</p>
            </div>
            <!-- 历史 -->
            <div class="history">
                <div class="inner">
                    <ul>
                        <li>
                            <a href="">历史</a>
                            <div class="history_content">
                                <div class="history_content_top">
                                    <div class="time">
                                        1998
                                        <p>内地第一家门店</p>
                                    </div>
                                    <!-- <img src="../images/icon.svg" alt=""> -->
                                </div>
                                <div class="history_content_body">
                                    <p>星巴克于1999年1月，在北京中国国际贸易中心开设中国内地第一家门店。对星巴克来说，中国目前已成为星巴克发展速度最快、最大的海外市场。</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">门店</a>
                            <div class="history_content">
                                <div class="history_content_top">
                                    <div class="time">
                                        55,888
                                        <p>门店遍布中国内地200个城市</p>
                                    </div>
                                    <!-- <img src="../images/local.svg" alt=""> -->
                                </div>
                                <div class="history_content_body">
                                    <p>目前，星巴克已经在中国内地200个城市开设了5,100家门店，拥有近60,000名星巴克伙伴。这一独特优势使我们能够在每一天，通过每一家星巴克门店，践行我们的承诺。
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">社会责任</a>
                            <div class="history_content">
                                <div class="history_content_top">
                                    <div class="time">
                                        1,100,000
                                        <p>小时社区服务市</p>
                                    </div>
                                    <!-- <img src="../images/history.svg" alt=""> -->
                                </div>
                                <div class="history_content_body">
                                    <p>进入中国以来，星巴克始终致力于回馈社会，持续在中国内地不同地区和城市开展企业社会责任项目，对于当地社会发展做出自己的一份贡献。自2011年起，星巴克中国的伙伴和志愿者们一共贡献了超过110万小时的社区服务，增进了与社区和顾客的情感联系。
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 我们的历史使命和价值观 -->
            <div class="mission">
                <div class="inner">
                    <h2>我们的历史使命和价值观</h2>
                    <div class="mission_body">
                        <div class="mission_left">
                            <p>激发并孕育人文精神，每人，每杯，每个社区。</p>
                            <p>以我们的伙伴、咖啡和顾客为核心，我们努力践行以下价值观：</p>
                            <ul>
                                <li>营造一种温暖而有归属感的文化，欣然接纳和欢迎每一个人。</li>
                                <li>积极行动，勇于挑战现状，打破陈规，以创新方式实现公司与伙伴的共同成长。</li>
                                <li>在每个连接彼此的当下，我们专注投入，开诚相见，互尊互敬。</li>
                                <li>对于每件事，我们都竭尽所能，做到最好，敢于担当。</li>
                            </ul>
                            <a href="">加入我们</a>
                        </div>
                        <div class="mission_right">
                            <img src="../images/mission_1.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- 最新消息 -->
            <div class="news">
                <div class="inner">
                    <h2>最新消息</h2>
                    <ul>
                        <li>
                            <a href="">
                                <div class="news_left">1</div>
                                <div class="news_right">
                                    <h3>九年耕耘 再结硕果 <br> 星巴克云南“星”计划助力云南咖啡产业精品化发展
                                    </h3>
                                    <p>
                                        (2021年10月13日，上海) 近日，凝聚了星巴克九年努力的云南“星”计划” 再结硕果，两款与云南咖啡农精诚合作的最新之作——星巴克臻选“天佐之合”综合咖啡豆以及中国云南宏丰农场日晒咖啡豆目前已在星巴克臻选上海烘焙工坊及星巴克全国臻选门店上市，这也是星巴克中国连续第五年推出臻选云南咖啡豆。星巴克云南“星”计划始于2012年，至今已覆盖了从咖啡种植加...
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="news_left">1</div>
                                <div class="news_right">
                                    <h3>星巴克“最绿门店”落户上海 <br> 以突破性创新举措，全方位探索绿色零售新模式
                                    </h3>
                                    <p>
                                        星巴克全球首家环保实验店“向绿工坊”在上海开业，旨在全方位探索绿色零售新模式。与此同时，星巴克中国推出“绿色门店”认证体系，计划于未来一年内开设60家“绿色门店”，并将逐步向整个中国内地市场推广。在向绿工坊，顾客将见证并参与一杯咖啡的“过去、现在与未来”。门店超过50%的食品及含牛奶类饮品，现使用植物基食材制作；通过循环绿·创意坊（C...
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="news_left">1</div>
                                <div class="news_right">
                                    <h3>星巴克“读出未来”项目再启航 <br> 激发乡村儿童阅读创想，开拓县域助学深耕模式
                                    </h3>
                                    <p>
                                        聚焦高品质阅读提升，撬动县域教育配资，项目覆盖湖南醴陵225所学校，惠及约69,000名学生及3,700名教师开启阅读助学深耕模式，共创教育多元化新生态，设立11处“星巴克阅读创想中心”，为阅读深耕提供系统性、科学性、持续性的教育场景将为当地1300名语文老师提供超过14.8万小时的“云课堂”服务，培养一批懂孩子、善教学的教师人...
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="allNews">
                        <div class="allNews_a">
                            <a href="./news.html">所有新闻</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 关于我们 -->
            <div class="ours">
                <div class="inner">
                    <h1>关于我们</h1>
                    <div class="wenz">
                        <div class="header">
                            <h3>背景</h3>
                            <i class="bj"> &gt;</i>
                        </div>
                        <div class="contenter">
                            <p class="ours_content">
                                自1999年进入中国以来，秉承“激发并孕育人文精神——每人、每杯、每个社区”的公司使命，我们始终致力于发展成为一家与众不同的公司：在传承经典咖啡文化的同时，关爱我们的伙伴，为顾客提供超越期望的星巴克体验，并为所在社区的繁荣做出自己的贡献。目前，星巴克已经在中国内地200个城市开设了5,100家门店，拥有近60,000名星巴克伙伴。这一独特优势使我们能够在每一天，通过每一家星巴克门店，践行我们的承诺。
                            </p>
                        </div>
                    </div>
                    <div class="wenz">
                        <div class="header">
                            <h3>高品质的星巴克咖啡</h3>
                            <i class="bj"> &gt;</i>
                        </div>
                        <div class="contenter">
                            <p class="ours_content">
                                我们热爱我们的咖啡。我们相信通过一杯高品质的手工咖啡可以传递和分享真挚情感，而这样简单的行为或许可以为顾客提供一些正能量。因此，星巴克始终致力于通过道德采购，烘焙并提供高品质的阿拉比卡咖啡豆。我们还在中国云南普洱建立了星巴克中国咖啡种植者支持中心，旨在整合和促进可持续种植规范在当地的推广，助力云南咖啡产业的发展。从一粒种子到一杯咖啡，每一个环节都倾入了星巴克的心意和努力，只为每一次光顾我们门店的顾客可以享受醇香的浓缩咖啡及其钟爱的咖啡饮品。
                            </p>
                        </div>
                    </div>
                    <div class="wenz">
                        <div class="header">
                            <h3>独一无二的星巴克体验</h3>
                            <i id="bj" class="bj"> &gt;</i>
                        </div>
                        <div class="contenter">
                            <p class="ours_content">
                                我们热爱我们的顾客。星巴克一直致力于为顾客提供始终如一的优质星巴克体验。同时，在对产品质量和服务精益求精的基础上，星巴克强调创新，强调产品和服务的个性化，强调不断给顾客带来愉悦和惊喜。星巴克也充分尊重中国历史悠久的传统文化，在门店设计、地方食品和饮料供应等方面，完美地将当地习俗融合到星巴克体验之中。目前，我们在中国开设了7家向我们的咖啡传承致敬的旗舰店，它们分别位于北京嘉里中心、北京太古里、成都太古里、上海迪士尼度假区、深圳万象天地、苏州中心和北京坊。独特的星巴克数字平台，包括星巴克移动应用软件和星享俱乐部，帮助我们在门店以外建立与顾客的连接。星巴克始终致力于通过不断创新，建立我们和顾客之间的情感连接，同时激发他们在店内店外与更多人分享这些美好瞬间。2015年12月，星巴克推出天猫官方旗舰店，将独特的门店体验与线上“第四空间”体验紧密对接，这是星巴克第一个“互联网+咖啡”的心意传递平台。2016年12月，星巴克宣布与腾讯达成战略合作，在中国领先的移动社交应用——微信上推出创新的社交礼品体验“用星说”，借此鼓励和激发数字时代的情感连接。此外，为了进一步满足中国消费者多样化的支付需求，星巴克中国门店已全面接入微信和支付宝。2018年8月，星巴克宣布与阿里巴巴集团达成新零售全面战略合作，通过一系列基于新零售的探索创新给中国的消费者带来更多惊喜。9月，星巴克官方线上订餐平台专星送™正式上线，通过星巴克APP和饿了么两大平台为顾客带来“用心，更多一度”的星巴克外送体验。2019年5月，星巴克“在线点，到店取”服务——“啡快Starbucks
                                Now”上线，通过星巴克APP为星享俱乐部会员提供高效便捷、选择多样的星巴克体验。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    var wenz = document.getElementsByClassName("wenz")
    var ours = document.getElementsByClassName('ours_content')
    var a = 5;
    for (let i = 0; i < wenz.length; i++) {

        var height = ours[i].clientHeight
        ours[i].style.webkitLineClamp = 1
        wenz[i].setAttribute("flog", 1)
        wenz[i].onclick = function() {
            var wenzp = this.children[1].children[0]
            var down = this.children[0].children[1]
            var ff = height / 24
            if (this.getAttribute("flog") == 1) {
                wenzp.style.webkitLineClamp = ff
                this.setAttribute("flog", 0)
                down.style.transform = "rotate(-180deg)"
            } else {
                wenzp.style.webkitLineClamp = 1
                this.setAttribute("flog", 1)
                down.style.transform = "rotate(0deg)"

            }

        }
    }
</script>

</html>